@charset "ISO-8859-1";
/* CSS Document */

.mensagem{
    text-align:center;
}
#bunner{
    padding:1px;
    margin-top:-8px;
    margin-left:-15px;
    margin-bottom:10px;
    border-color:#BCD2EE;
    width:102%;
    height:150px;
    background-image:url(../images/LogoSysDrive02.jpg);
}

#menu {padding:1px 0 0 0px; width:100%; margin-right:-10%; margin-bottom:0px; margin-top:-23px; list-style:none; position:relative; height:50px; background:transparent url(../images/pro_five_0c.gif) repeat-x left bottom; font-size:12px;}
#menu li {background-position:center; margin-top:-2px; height:20px; list-style:none; display:inline-block;margin-right:-13px;}
#menu li a {display:block; float:left; height:40px; list-style:none; line-height:30px; color:#333; font: bolder 16px Arial; padding:0px 0 20px 3px; cursor:pointer; background:url(../images/pro_five_0a.gif) no-repeat;}
#menu li a b {display:inline-block; padding:10px 45px	10px 4px; background:url(../images/pro_five_0b.gif) no-repeat right top;}
#menu li.current a {color:#5F9EA0; background:url(../images/pro_five_2a.gif) no-repeat;}
#menu li.current a b {background:url(../images/pro_five_2b.gif) no-repeat right top;}
#menu li a:hover {color:#5F9EA0; background: url(../images/pro_five_1a.gif) no-repeat;}
#menu li a:hover b {background:url(../images/pro_five_1b.gif) no-repeat right top;}
#menu li.current a:hover {color:#5F9EA0; background: url(../images/pro_five_2a.gif) no-repeat; cursor:default;}
#menu li.current a:hover .sub-menu {background:url(../images/pro_five_2b.gif) no-repeat right top;}
#menu li:hover ul{left:auto; width:20%; padding:20px; margin-bottom:15px;}

.menu-item:hover {
    display:inline-block!important;	
}

li{
    list-style-type:none;
}

#atalho{
    margin: 5px 0 0 10px;
    padding:1px;
    width: 22%;
    height: 100px;
    margin-left:-5px;
    border-style:inset; border-color:#CAE1FF;
    font: bolder 16px "Arial";
    float:left;
    background-color: #CAE1FF;
    -moz-border-radius:0px; /*mozilla*/
    -webkit-border-radius:0px; /*chrome*/
}

#atalho li{
    border-bottom: 1px solid #CAE1FF;
    margin: 2px;
}

#atalho li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 5px solid #607B8B;
    border-right: 5px solid #607B8B;
    background-color: #8DB6CD;
    color: #000000;
} 

html>body #atalho li a {
    width: auto;
} 

#atalho li a:hover {
    border-left: 5px solid #607B8B;
    border-right: 5px solid #607B8B;
    background-color: #A4D3EE;
    color: #000000;
}

#corpo{
    background-color:#E8E8E8;
}

#logar {
    margin: 5px -2px 5px 2px;
    padding:1px;
    margin-top:80px;
    margin-right:100px;
    border-style: outset;
    width:350px;
    height:350px;
    overflow:auto;
    float:right;
    background-color:#D3D3D3;
    -moz-border-radius:0px; /*mozilla*/
    -webkit-border-radius:0px; /*chrome*/	
}

#formlogarusuario{
    margin-left:10px;
}

#botao{
    margin-left:35px;
    margin-top: 30px;
    display: inline-block;
    height:auto;
    padding: 12px 25px;
    font: bolder 16px Arial;
    border:1px solid #d0d0d0;
    border-top-color:#ececec;
    border-bottom-color:#909090;
    color:black;
    background:#ffff00;
    background: -moz-linear-gradient(top, #fff 60%, #e7e7e7);
    background: -webkit-linear-gradient(top, #fff 60%, #e7e7e7);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

#campo{
    padding:6px;
    margin-left: 15px;
    margin-bottom:10px;

    -webkit-border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;

    -moz-border-radius-topleft:7px; 
    -moz-border-radius-topright:7px; 
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-bottomleft:7px;

    border-top-left-radius:7px;
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
    border-bottom-left-radius:7px;
}

label{
    margin-left:15px;
    font: bolder 14px Arial;
}

label.diferente{
    margin-left:15px;
    font: bolder 18px Arial;
}

label.botaotabela{
    margin-left:45%;
}

label.botaolistar{
    margin-left:-30px;
    height:20px;
    width:20px;
}

fieldset{
    margin-left:30%;
    width:40%;
}

fieldset.listar{
    width:95%;
    margin-left:0;
}

legend{
    font: bolder 16px Arial;
}

li{
    list-style-type:none;
    margin-top:20px;
}

li a{
    margin-left:10px;
}

p{
    margin-top:20px;
    float:left;
    margin-left:20px;
    font: bolder 15px Arial;
}

h1{
    margin-left:25px;
    font: bolder 30px Arial;
}

h2.titulo{
    text-align:center;
}


